import QtQuick
import QtQuick.Controls

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("带数值显示的Dial")

    Dial {
        id: valueDisplayDial
        width: 200
        height: 200
        from: 0
        to: 100

        Rectangle {
            anchors.centerIn: parent
            width: 60
            height: 30
            radius: 5
            color: "#f0f0f0"
            border.color: "#808080"

            Text {
                anchors.centerIn: parent
                text: valueDisplayDial.value.toFixed(0)
                font.bold: true
                font.pixelSize: 14
            }
        }
    }
}
